<ui:composition xmlns="http://www.w3.org/1999/xhtml"
            xmlns:h="http://java.sun.com/jsf/html"
            xmlns:f="http://java.sun.com/jsf/core"
            xmlns:ui="http://java.sun.com/jsf/facelets"
            xmlns:p="http://primefaces.org/ui">
				
			<div id="primary_left" style="height: 582px;width: 250px;background:url('#{request.contextPath}/template/assets/stripe.png') fixed 0 0 repeat-y;background-color: #f5b026">
        
				<div id="logo" >
				 <br />
					<a href="#" title="Dashboard"><img src="#{request.contextPath}/template/assets/logo.png" style="margin-left:10px" alt="" /></a>
				</div> <!-- logo end -->
                                  
				<div id="menu"> <!-- navigation menu -->
					<ul>
					<li><p:clock pattern="HH:mm:ss dd.MM.yyyy" mode="server" /> </li>
						<li  class="tooltip" title="Les statistiques qui concernent l'absence "><a href="#" class="dashboard"><img src="#{request.contextPath}/template/assets/icons/small_icons_3/dashboard.png" alt="" /><span class="current">Tableau de bord</span></a></li>
						
						<li><a class="tooltip" title="Gestion des inscriptions"  href="#"><img src="#{request.contextPath}/template/assets/icons/small_icons_3/media.png" alt="" /><span>Inscription </span></a>
							<ul>
								<li class="tooltip" title="Inscription des bénéficiaires"><a href="#">Bénéficiaires</a></li>
								<li><a class="tooltip" title="Inscription des formateurs" href="#">Formateurs</a></li>
							</ul>
								
						</li>
						
						<li class="tooltip" title="Gestion d'absence"><a href="#"><img src="#{request.contextPath}/template/assets/icons/small_icons_3/notes.png" alt="" /><span>Absences </span></a>
							<ul>
								<li><a href="#">Bénéficiaires</a></li>
								<li><a href="#">Formateurs</a></li>
							</ul>
						</li>
						<li class="tooltip" title="Gestion des retards"><a href="#"><img src="#{request.contextPath}/template/assets/icons/small_icons_3/notes.png" alt="" /><span>Retards </span></a>
							<ul>
								<li><a href="#">Bénéficiaires</a></li>
								<li><a href="#">Formateurs</a></li>
							</ul>
						</li>
						<li  class="tooltip" title="Les emplois du temps des groupes et des éducateurs"><a href="#"><img src="#{request.contextPath}/template/assets/icons/small_icons_3/posts.png" alt="" /><span>Emploi du temps</span></a></li>
						
					</ul>

				</div> <!-- navigation menu end -->
         
			</div> <!-- sidebar end -->
					
	    </ui:composition>


